<template>
  <div style="margin: 50px">
    <n-form
      ref="formRef"
      :model="model"
      label-placement="left"
      label-width="auto"
      require-mark-placement="right-hanging"
      :size="size"
      :style="{
        maxWidth: '640px'
      }"
    >
      <n-form-item label="API Key" path="inputValue">
        <n-input v-model:value="model.inputValue" placeholder="Input" />
      </n-form-item>
    </n-form>
  </div>
</template>
<script lang="ts">
import type { FormInst } from 'naive-ui'
import { defineComponent, ref } from 'vue'
// import Store from 'electron-store'
// const store = new Store()
// 保存设置
// store.set('theme', 'dark')
export default defineComponent({
  setup() {
    const formRef = ref<FormInst | null>(null)
    return {
      formRef,
      size: ref('medium'),
      model: ref({
        inputValue: null
      }),
      generalOptions: ['groode', 'veli good', 'emazing', 'lidiculous'].map((v) => ({
        label: v,
        value: v
      }))
    }
  }
})
</script>
